import { Icon, IconProps } from "@chakra-ui/react"
import React from "react"

export default function IconBox(props: IconProps): JSX.Element {
    return (
        <Icon viewBox="0 0 63 63" {...props}>
            <path
                d="M31.9261 4.38852C31.4635 4.20312 30.9472 4.20312 30.4846 4.38852L7.35857 13.6381L16.6741 17.362L40.5208 7.82564L31.9261 4.38852ZM45.7366 9.91427L21.8898 19.4506L31.2053 23.1745L55.0521 13.6381L45.7366 9.91427ZM58.3303 16.5018L33.1428 26.5768V57.2745L58.3303 47.1995V16.5056V16.5018ZM29.2678 57.2784V26.5729L4.08032 16.5018V47.2034L29.2678 57.2784ZM29.0469 0.788643C30.4325 0.234515 31.9781 0.234515 33.3637 0.788643L60.9886 11.8401C61.3477 11.9841 61.6556 12.2323 61.8724 12.5527C62.0893 12.8732 62.2052 13.2512 62.2053 13.6381V47.2034C62.2048 47.9777 61.9724 48.7341 61.5379 49.3751C61.1035 50.016 60.487 50.5121 59.7679 50.7994L31.9261 61.9361C31.4635 62.1215 30.9472 62.1215 30.4846 61.9361L2.64657 50.7994C1.9268 50.5127 1.30947 50.0169 0.87431 49.3759C0.439146 48.7349 0.206122 47.9781 0.205322 47.2034L0.205322 13.6381C0.205412 13.2512 0.321354 12.8732 0.538212 12.5527C0.75507 12.2323 1.06291 11.9841 1.42207 11.8401L29.0469 0.788643Z"
                fill="currentColor"
            />
        </Icon>
    )
}
